<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="天率广告是中国领先的校园营销服务公司；天率广告提供与各种校园营销、新媒体营销、大型娱乐赛事营销等服务的经典项目及案例！">
    <meta name="keywords" content="天率广告,天率,校园营销，娱乐赛事，新媒体营销，链接世界，传递文化，校园营销，校园微信公众号，校园微博，校园桌贴，校园框架，校园灯箱，校园活动，校园广告，校园歌手大赛，校园赛事，校园地推，校园大使，校园俱乐部，校园场地，天率校园，校园传媒，校园赛事，校园娱乐，娱乐营销，赛事营销，电影营销，影视校园行，明星巡演，歌手大赛，校园赛事赞助，校园直播，校园桌贴，校园硬广，校园微信公众号，校园微博，校园渠道，公关活动，新闻发布会">
    <!-- 让部分国产浏览器默认采用 webkit 内核(高速模式)渲染页面 -->
    <meta name="renderer" content="webkit">
    <!-- 让部分国产浏览器默认采用 webkit 内核(高速模式)渲染页面 -->
    <title>天率广告-世界因品牌更美好</title>
    <link rel="shortcut icon" href="http://www.tinsine.com/themes/simplebootx/Public/img/logo.ico">
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
</head>

<body>
    <div id="loading">
            <a target="_blank" href="javascript:;" data-spm-anchor-id="datav.10712494.0.0">
                <img src="./img/loading.gif" data-spm-anchor-id="datav.10712494.0.i1.554c4a9aaSAkBp">
                <img class="text-logo" src="./img/logo-text.png" width="100/">
            </a>
    </div>
    <header class="header dataLayout" style="visibility:hidden;">
        <nav class="nav">
            <div class="nav-logo">
                <a href="">
                    <img src="./img/logo_white.png" alt=""> </a>
            </div>
            <ul class="nav-list" id="nav-list">
                <li>
                    <a href="#" class="active">首页</a>
                </li>
                <li>
                    <a href="#">案列</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
                <li>
                    <a href="#">加入我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <section class="dataLayout" style="visibility:hidden;">
        <div class="mag">
            <div class="mag-pages-container">
                <div class="container">
                    <div class="blackout" id="blackout"></div>
                    <div class="page" style="z-index:6;opacity: 1; background: #f8f8f8;">
                        <video id="video_html5_api" style="width:100%; object-fit: fill;" preload="auto" autoplay="" loop="" muted="true" playsinline="true"
                            src="http://www.tinsine.com/Public/59229d0453d3d.mp4">
                            <source src="http://www.tinsine.com/Public/59229d0453d3d.mp4" type="video/mp4"> your browser does not support the video tag </video>
                    </div>
                    <div class="page" style="z-index:5;opacity: 1; background: url(./img/bg_business_introduction_big.png) no-repeat 100% 100%;background-size:100% 100%;">
                        <div class="business">
                            <div class="business-inner">
                                <p class="title">
                                    <i class="HomeSlider-label-head"></i>
                                    <span class="HomeSlider-label-inner">业务介绍</span>
                                </p>
                                <div class="introduction">
                                    <div class="intro intro-one">
                                        <div class="img"></div>
                                        <p class="topic">校园营销</p>
                                        <p class="exp">营销策略、娱乐营销、赛事运营</p>
                                        <p class="exp">活动策划、媒体代理</p>
                                    </div>
                                    <div class="intro intro-two">
                                        <div class="img"></div>
                                        <p class="topic">新媒体营销</p>
                                        <p class="exp">社会化营销、创意策略</p>
                                        <p class="exp">品牌营销、媒介采购</p>
                                    </div>
                                    <div class="intro intro-three">
                                        <div class="img"></div>
                                        <p class="topic">公关活动</p>
                                        <p class="exp">新品发布、行业讨论</p>
                                        <p class="exp">品牌巡演、会议展览</p>
                                    </div>
                                    <div class="intro intro-four">
                                        <div class="img"></div>
                                        <p class="topic">艺人经纪</p>
                                        <p class="exp">校园红人、校园小草、校园歌手</p>
                                        <p class="exp">Coser、艺人包装</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page" style="z-index:4;background: url(./img/bg_why_us.png) no-repeat 100% 100%;background-size:100% 100%;">
                        <div class="HomeSlider">
                            <div class="HomeSlider-inner">
                                <div class="swiper-container" id="us">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <section class="HomeSlider-section slider-section1">
                                                <div class="HomeSlider-visual">
                                                    <img src="./img/bg_why_01.png" alt=""> </div>
                                                <div class="HomeSlider-body">
                                                    <div class="HomeSlider-body-inner">
                                                        <p class="HomeSlider-label">
                                                            <i class="HomeSlider-label-head"></i>
                                                            <span class="HomeSlider-label-inner">为什么选择我们1</span>
                                                        </p>
                                                        <p class="HomeSlider-title">1.翱旗科技</p>
                                                        <p class="HomeSlider-headline"> 翱旗科技作为一家专注于数据领域核心技术与创新服务的企业，他们致力于面向不同行业，提供与数据相关的系列解决方案和专业服务，通过多年在数据核心技术方面的研究和探索，翱旗形成了自己的方法论和技术架构。
                                                        </p>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                        <div class="swiper-slide">
                                            <section class="HomeSlider-section slider-section2">
                                                <div class="HomeSlider-visual">
                                                    <img src="./img/bg_why_01.png" alt=""> </div>
                                                <div class="HomeSlider-body">
                                                    <div class="HomeSlider-body-inner">
                                                        <p class="HomeSlider-label">
                                                            <i class="HomeSlider-label-head"></i>
                                                            <span class="HomeSlider-label-inner">为什么选择我们2</span>
                                                        </p>
                                                        <p class="HomeSlider-title">1.翱旗科技</p>
                                                        <p class="HomeSlider-headline"> 翱旗科技作为一家专注于数据领域核心技术与创新服务的企业，他们致力于面向不同行业，提供与数据相关的系列解决方案和专业服务，通过多年在数据核心技术方面的研究和探索，翱旗形成了自己的方法论和技术架构。
                                                        </p>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                        <div class="swiper-slide">
                                            <section class="HomeSlider-section slider-section3">
                                                <div class="HomeSlider-visual">
                                                    <img src="./img/bg_why_01.png" alt=""> </div>
                                                <div class="HomeSlider-body">
                                                    <div class="HomeSlider-body-inner">
                                                        <p class="HomeSlider-label">
                                                            <i class="HomeSlider-label-head"></i>
                                                            <span class="HomeSlider-label-inner">为什么选择我们3</span>
                                                        </p>
                                                        <p class="HomeSlider-title">1.翱旗科技</p>
                                                        <p class="HomeSlider-headline"> 翱旗科技作为一家专注于数据领域核心技术与创新服务的企业，他们致力于面向不同行业，提供与数据相关的系列解决方案和专业服务，通过多年在数据核心技术方面的研究和探索，翱旗形成了自己的方法论和技术架构。
                                                        </p>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                        <div class="swiper-slide">
                                            <section class="HomeSlider-section slider-section4">
                                                <div class="HomeSlider-visual">
                                                    <img src="./img/bg_why_01.png" alt=""> </div>
                                                <div class="HomeSlider-body">
                                                    <div class="HomeSlider-body-inner">
                                                        <p class="HomeSlider-label">
                                                            <i class="HomeSlider-label-head"></i>
                                                            <span class="HomeSlider-label-inner">为什么选择我们4</span>
                                                        </p>
                                                        <p class="HomeSlider-title">1.翱旗科技</p>
                                                        <p class="HomeSlider-headline"> 翱旗科技作为一家专注于数据领域核心技术与创新服务的企业，他们致力于面向不同行业，提供与数据相关的系列解决方案和专业服务，通过多年在数据核心技术方面的研究和探索，翱旗形成了自己的方法论和技术架构。
                                                        </p>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>





                                <nav class="HomeSliderNav">
                                    <div class="HomeSliderNav-inner">
                                        <div class="HomeSlider-content">
                                            <div class="HomeSliderNav-bg"></div>
                                            <div class="HomeSliderNav-prev btn-disabled" id="HomeSliderNav-prev">
                                                <svg id="arrow-left" viewBox="0 0 16 12" width="100%" height="100%">
                                                    <path d="M5.9 0h2.4L3.5 5.2h12.2v1.7H3.5L8.3 12H5.9L.3 6l5.6-6z"></path>
                                                </svg>
                                            </div>
                                            <div class="HomeSliderNav-num">
                                                <div class="slider-num">
                                                    <span class="current" id="current">1</span>
                                                    <svg id="fraction-per" viewBox="0 0 24 24" width="100%" height="100%">
                                                        <path d="M19.2 1.6l-13 20.7H4.8l13-20.7z"></path>
                                                    </svg>
                                                    <span class="total" id="total">4</span>
                                                </div>
                                            </div>
                                            <div class="HomeSliderNav-next" id="HomeSliderNav-next">
                                                <svg id="arrow-right" viewBox="0 0 16 12" width="100%" height="100%">
                                                    <path d="M15.7 6l-5.6 6H7.7l4.8-5.1H.3V5.2h12.2L7.7 0h2.4l5.6 6z" /> </svg>
                                            </div>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="page" style="z-index:3;opacity: 1; background: #f8f8f8;">
                        <div class="business">
                            <div class="business-inner">
                                <p class="title">
                                    <i class="HomeSlider-label-head"></i>
                                    <span class="HomeSlider-label-inner">案例展示</span>
                                    <span class="get-other">
                                        <a href="javascript:;" id="change-example" pagename="1"> 换一批</a>
                                    </span>
                                </p>
                                <div class="swiper-container" id="swiper-two">
                                    <div class="swiper-wrapper" id="example">
                                        <!-- <div class="swiper-slide">
                                            <div class="example">
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> 
                                                    </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="example">
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                                <div class="case-study">
                                                    <div class="img">
                                                        <img src="img/bg_case_cover_01.png" alt=""> </div>
                                                    <div class="exp-img">
                                                        <p class="title">2017QQ阅读i阅读自由主义i</p>
                                                        <p class="sponsor">天率校园</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page" style="z-index:2;opacity: 1; background: url(./img/bg_contact_us.png) #f8f8f8 no-repeat 100% 100%;background-size:100% 100%;">
                        <div class="business">
                            <div class="business-inner">
                                <p class="title">
                                    <i class="HomeSlider-label-head"></i>
                                    <span class="HomeSlider-label-inner">联系我们</span>
                                </p>
                                <div class="contact">
                                    <div class="photo photo1">
                                        <img src="./img/bg_city_beijing_01.png" alt=""> </div>
                                    <div class="photo photo2">
                                        <img src="./img/bg_city_beijing_02.png" alt=""> </div>
                                    <div class="photo photo3">
                                        <p>北京
                                            <span></span>
                                        </p>
                                        <p>北京昌平区立汤路威尼斯花园2区</p>
                                        <p>TEL：010-89753550</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page" id="foot-page" style="z-index:1;opacity:1; background:#f8f8f8;">
                        <div class="business">
                            <div class="business-inner">
                                <div class="footer">
                                    <p class="title">
                                        <i class="HomeSlider-label-head"></i>
                                        <span class="HomeSlider-label-inner">合作伙伴</span>
                                    </p>
                                    <div class="swiper-container" id="swiper-one">
                                        <div class="swiper-wrapper" id="partner">
                                            <!-- <div class="swiper-slide">
                                                <div class="parter">
                                                    <ul>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_mango_tv.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_58.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_sina.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_netease_cloud_reading.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_sina_finance.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_yonghui.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_xiami.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_yijia.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_youku.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_emperor_motion_pictures.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_etv.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="parter">
                                                    <ul>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_mango_tv.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_58.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_sina.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_netease_cloud_reading.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_sina_finance.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_yonghui.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_xiami.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_yijia.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_youku.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_emperor_motion_pictures.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_etv.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                        <li>
                                                            <img src="./img/partener_tongyi.png" alt=""> </li>
                                                    </ul>
                                                </div>
                                            </div> --></div>
                                    </div>
                                    <p class="title">
                                        <i class="HomeSlider-label-head"></i>
                                        <span class="HomeSlider-label-inner">献给世界的礼物</span>
                                    </p>
                                    <div class="link">
                                        <ul style="padding-top:30px;">
                                            <li>
                                                友情链接
                                            </li>
                                            <li>
                                                <a href="">网易新闻</a>
                                            </li>
                                            <li>
                                                <a href="">网易考拉海购</a>
                                            </li>
                                            <li>
                                                <a href="">恒大电影</a>
                                            </li>
                                            <li>
                                                <a href="">youku优酷</a>
                                            </li>
                                            <li>
                                                <a href="">letv乐视网</a>
                                            </li>
                                            <li>
                                                <a href="">英皇电影</a>
                                            </li>
                                            <li>
                                                <a href="">大象音乐</a>
                                            </li>
                                            <li>
                                                <a href="">360奇虎手机</a>
                                            </li>
                                            <li>
                                                <a href="">华谊兄弟</a>
                                            </li>
                                            <li>
                                                <a href="">nuolo努比亚</a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                网址导航
                                            </li>
                                            <li>
                                                <a href="">天率校园</a>
                                            </li>
                                            <li>
                                                <a href="">天率科技</a>
                                            </li>
                                            <li>
                                                <a href="">乐舞时代</a>
                                            </li>
                                            <li>
                                                <a href="">校园音乐人</a>
                                            </li>
                                            <li>
                                                <a href="">copyright©2009-2017京ICP备1600913号-2</a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                联系方式
                                            </li>
                                            <li>
                                                <a href="">电话：010-89753550</a>
                                            </li>
                                            <li>
                                                <a href="">E-mail：ad@tinsine.com</a>
                                            </li>
                                            <li>
                                                <a href="">网址：www.tinsine.com</a>
                                            </li>
                                            <li>
                                                <a href="">地址：北京昌平区立汤路威尼斯花园2区</a>
                                            </li>
                                        </ul>
                                        <div class="qrcode">
                                            <img src="./img/ic_QR_code.png" alt="">
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer></footer>
    <script src="./js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        $(window, document).load(function(){
            setTimeout(function(){
            $('.dataLayout').css('visibility', 'visible');
            $('#loading').fadeOut();
            },1000)
        })
    </script>
    <script src="./js/screen.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/carousel.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/getData.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>